<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="css/question.css" />
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="plugins/layui/layui.js"></script>
    <link rel="stylesheet" href="plugins/layui/css/layui.css">
    <script src="js/QuestionNaireItem.js"></script>
    <script src="js/vue.min.js"></script>
    <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
    <script src="js/requestUtil.js"></script>
</head>
<style>
    .header_box{
        display: flex;
        flex-direction: row;
    }
    #filesTable {
        margin: 0px;
        margin-top: 10px;
    }
</style>
<body>
<div id="test">
    <div class="header_box">
        <button style="margin-left: 10px" class="layui-btn layui-btn-sm layui-btn-warm" id="QuestionNairelAdd">新增</button>
            <span style="height: 36px;line-height: 36px ;margin-left: 20px">问卷题:</span>
            <input type="text"class="layui-input" style="width: 300px" placeholder="请输入问卷题目">
            <button class="layui-btn layui-btn-sm" id="Serch" style="height: 36px"> 查询</button>
    </div>
<table class="layui-table" id="filesTable">
    <thead>
        <th>编号</th>
        <th>文件调查名称</th>
        <th>启用状态</th>
        <th>操作</th>
    </thead>
    <tbody>
        <tr v-for="(mes,index) in message">
            <td>{{mes.questionNairedId}}</td>
            <td>{{mes.questionNairedName}}</td>
            <td> <div v-if="mes.questionNairedState ==1 ">

                        <input type="checkbox" name="switch" lay-skin="switch" lay-text="开启|未启用">
                    </div>
                <div  v-if="mes.questionNairedState == 0">
                        <input type="checkbox" checked="checked" name="switch" lay-skin="switch" lay-text="开启|未启用">
                </div>
            </td>
            <td>
                <button :name="mes.questionNairedName" :data-ty="mes.questionNairedId" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm selectInfo">添加题目</button></a>
                <button :name="mes.questionNairedId" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm Eidt">查看题目</button>
                <button :id="mes.questionNairedId" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm delet">删除</button>
                <button :name="mes.questionNairedState" style="display: none" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm colse">关闭</button>
            </td>
            </tr>
        <div>
        </div>
        </tbody>
    </table>
    <table class="layui-table" style="margin-top: 0px" id="questionTable"></table>
    <table class="layui-table" style="margin-top: 0px" id="ItemTable"></table>
</div>
</body>
<script>
    $(function () {
        $("#test").on("click",".selectInfo",function () {

        });
    })
    layui.use('element', function(){
        var element = layui.element;

        //…
    });
</script>
</html>
